<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left">
                <img navBackButton src="assets/imgs/return.svg" alt="">
            </ion-buttons>
            <ion-title>{{ deviceName }}</ion-title>
        </ion-toolbar>
        <nav-switch [navs]="deviceList" (navChange)="deviceChange($event)"></nav-switch>
    </header-component>
</ion-header>

<ion-content class="device-controller">
    <div class="device-content">
        <div class="deviceImg">
            <img src="assets/imgs/home/controller/10026.svg" alt="">
        </div>
        <div class="deviceContrl" [ngStyle]="{ opacity: isRun ? 1 : 0.4}">
            <div class="deviceContrlType">
                <div class="ContrlType">
                    <!-- <div id="iBox" class="iBox">
                        <img class="dark" *ngIf="true" src="assets/imgs/home/controller/dark-open.svg" alt="">
                        <img class="dark" *ngIf="false" src="assets/imgs/home/controller/dark-close.svg" alt="">
                        <div id="iBoxbg" class="iBoxbg"></div>
                        <div id="iBoxsd" class="iBoxsd"></div>
                        <img class="light" *ngIf="true" src="assets/imgs/home/controller/light-open.svg" alt="">
                        <img class="light" *ngIf="false" src="assets/imgs/home/controller/light-close.svg" alt="">
                    </div> -->
                    <div class="iBox iBox-two">
                        <img class="dark" *ngIf="true" src="assets/imgs/home/controller/down-open.svg" alt="" (click)="keepRun(0)">
                        <img class="dark" *ngIf="false" src="assets/imgs/home/controller/down-close.svg" alt="">
                        <div class="iBoxTxt">
                            <span class="iBoxVal">{{ deviceValue }}</span><i>℃</i>
                        </div>
                        <img class="light" *ngIf="true" src="assets/imgs/home/controller/up-open.svg" alt="" (click)="keepRun(1)">
                        <img class="light" *ngIf="false" src="assets/imgs/home/controller/up-close.svg" alt="">
                    </div>
                </div>


                <div *ngIf="true" class="iStatus" (click)="isRun(0)">
                    <img src="assets/imgs/home/controller/close.svg" alt="">
                    <p>关闭</p>
                </div>

                <div *ngIf="false" class="iStatus" (click)="isRun(1)">
                    <img src="assets/imgs/home/controller/close.svg" alt="">
                    <p>开启</p>
                </div>
            </div>
        </div>
    </div>
</ion-content>